<template>
	<view class="huodonggonggao">

		<cardbox style="width: 100%;" header="活动目录">
			<view slot="main" class="content-card-main1">
				<view class="main1-box">
					<cTable :headerData="headerData" :tableData="tableData">
						<template v-slot:unitName="{data}">
							<view class="font unitName">
								{{data.unitName}}
							</view>
						</template>
						<template v-slot:controls="{data}">
							<view class="font controls" @click="lookView">
								{{data.controls}}
							</view>
						</template>
					</cTable>


				</view>
			</view>
		</cardbox>
	</view>
</template>

<script>
	import cardbox from '@/components/card/cardbox.vue'
	import cTable from '@/components/cTable/cTable.vue'
	export default {
		components: {
			cardbox,
			cTable,
		},
		data() {
			return {
				headerData: [{
						align: 'left',
						name: '名称',
						value: 'unitName',
						solt: 'unitName'
					},
					{
						align: 'left',
						name: '操作',
						value: 'controls',
						solt: 'controls'
					},

				],
				tableData: [{
						unitName: '2024年12月人大代表接待日公告',
						controls: '查看详情'
					},
					{
						unitName: '2024年12月人大代表接待日公告',
						controls: '查看详情'
					},
					{
						unitName: '2024年12月人大代表接待日公告',
						controls: '查看详情'
					},
					{
						unitName: '2024年12月人大代表接待日公告',
						controls: '查看详情'
					}, {
						unitName: '2024年12月人大代表接待日公告',
						controls: '查看详情'
					}, {
						unitName: '2024年12月人大代表接待日公告',
						controls: '查看详情'
					}, {
						unitName: '2024年12月人大代表接待日公告',
						controls: '查看详情'
					}, {
						unitName: '2024年12月人大代表接待日公告',
						controls: '查看详情'
					}, {
						unitName: '2024年12月人大代表接待日公告',
						controls: '查看详情'
					}, {
						unitName: '2024年12月人大代表接待日公告',
						controls: '查看详情'
					}, {
						unitName: '2024年12月人大代表接待日公告',
						controls: '查看详情'
					}, {
						unitName: '2024年12月人大代表接待日公告',
						controls: '查看详情'
					}, {
						unitName: '2024年12月人大代表接待日公告',
						controls: '查看详情'
					}, {
						unitName: '2024年12月人大代表接待日公告',
						controls: '查看详情'
					},
				],
			}
		},
		methods:{
			lookView(){
				uni.navigateTo({
				    url: '/pages/lianluozhan/huodong-detail'
				});
			}
		}
	}
</script>

<style scoped lang="scss">
	.huodonggonggao { 

		.main1-box {
			padding: 30rpx;

			.controls {
				font-size: 22rpx;
				color: #2A8BFD;
			}
		}
	}
</style>